{include file="Site/header.html"}
<div id="ImgShowBg" style="position:absolute; display:none; z-index:1000; height:100%; width:100%; background-color:#000; left:0; top:0;filter:alpha(opacity=50); opacity:0.5">  
</div>
<div id="ImgShowBox" style="position:absolute; display:none; z-index:1001; border:7px  #333 solid; background:#FFF; top:50px; left:0px">
</div>  

  <div class="guangao">
   <h1><img src="/webroot/Site/images/{$banner1}" /></h1>
   <h2><img src="/webroot/Site/images/{$banner2}" /></h2>
  </div>
  
 <div id="webbody">
  <div class="bao">
   <div class="guan">{$columnData.category_name}：</div>
   <div class="guanyou"><a href="/index.php/Index/index">首页</a>&nbsp;―&nbsp;<a href="/index.php/Index/index?c={$columnData.category_id}">{$columnData.category_name}</a></div>
  </div>
  <div class="ye">
   <div class="left">
    <div class="zuodao">
    {foreach item="list" from="$data_list"}
    <img src="/webroot/Site/images/qing_02.gif"/>&nbsp;
    <a href="/index.php/Index/list?c={$columnData.category_id}&id={$list.category_id}">{$list.category_name}</a><br />
    {/foreach}
    </div>
    {include file="Site/leftfoot.html"}
   </div>
  
  
  
  
<div class="right">
	<div style=" margin:10px 15px 15px 10px">
	{foreach item="list" from="$article_list"}
        <div class="jing">
         <h1><img  style="border:1px solid #999; padding:1px" src="/webroot/Site/smallimg/{$list.article_img}" width="266px" height="150px" onclick="ImgShowHandler({$list.article_id},'{$list.article_img}')" /></h1>
         <h2><a href="#" onclick="ImgShowHandler({$list.article_id},'{$list.article_img}')" >{$list.article_title}</a></h2>
         <div id="ImgData_{$list.article_id}"   style=" display:none; line-height:18px">{$list.article_content|htmlspecialchars_decode:'2'}<br />{if $list.article_outLink}<a  style="color:#00F" target="_blank" href="{$list.article_outLink}">点击进入该网站</a>&nbsp;&nbsp;&nbsp;{/if}
         <hr/>
         </div>
        </div>
    {/foreach}
    </div>
    <div id="page_T" style="margin:10px; margin-left:30px; clear:left">
        	<a href="/index.php/Index/list?c={$columnData.category_id}&id={$getId}&page={$pageInfo.f}">第一页</a>
        	<a href="/index.php/Index/list?c={$columnData.category_id}&id={$getId}&page={$pageInfo.p}">上一页</a>
            <a href="/index.php/Index/list?c={$columnData.category_id}&id={$getId}&page={$pageInfo.n}">下一页</a>
        	<a href="/index.php/Index/list?c={$columnData.category_id}&id={$getId}&page={$pageInfo.l}">最后页</a>&nbsp; 当前：{$pageInfo.this}/{$pageInfo.pages}页&nbsp; (共{$pageInfo.nums}条)&nbsp;
     </div>
</div>


  
  
  
  
  
  
  </div>
 </div>
 {include file="Site/footer.html"}
{literal}
 <script language="javascript" type="text/javascript">
try{
$ImgShowBg=document.getElementById('ImgShowBg');
$ImgShowBg.style.width=document.documentElement.scrollWidth+'px';
$ImgShowBg.style.height=document.documentElement.scrollHeight+'px';
$ImgShowBox=document.getElementById('ImgShowBox');
}catch(e){	
}
function ImgShowHandler($ss,$imgurl){
	$ImgShowBg.style.display="block";
	$ImgData=document.getElementById('ImgData_'+$ss);
	$img=document.createElement('IMG');
	$img.style.border="5px solid #FFF"
	$img.style.zIndex=1001;
	$img.onload=function(){
		$closeDIV=document.createElement('div');
		$closeDIV.style.width=this.width+"px";
		$closeDIV.style.textAlign="right";
		$closeDIV.innerHTML="<a  style=\"color:#00F\" href=\"#\" onclick=\"CloseShow()\">关闭显示</a>";
		$ImgShowBox.appendChild($closeDIV);
		
		$shDIV=document.createElement('div');
		$shDIV.style.margin="20px 20px 10px 20px"
		$shDIV.style.width=(this.width-40)+'px';
		$shDIV.innerHTML=$ImgData.innerHTML;
		$ImgShowBox.appendChild($shDIV);
		
		
		$ImgShowBox.style.left=parseInt((parseInt(document.documentElement.scrollWidth)-this.width-14)/2)+"px";
		$ImgShowBox.appendChild($img);
		$ImgShowBox.style.display="block";
		$ImgShowBg.style.width=document.documentElement.scrollWidth+'px';
		$ImgShowBg.style.height=document.documentElement.scrollHeight+50+'px';
	}
	$img.onclick=CloseShow;
	$img.src="/webroot/Site/images/"+$imgurl;
		
}

function CloseShow(){
	$ImgShowBox.innerHTML="";
	$ImgShowBg=document.getElementById('ImgShowBg');
	$ImgShowBg.style.display="none";
	$ImgShowBg.style.width=document.documentElement.scrollWidth+'px';
	$ImgShowBg.style.height=document.documentElement.scrollHeight+'px';
	$ImgShowBox.style.display="none";
}

 
 
 </script>
 {/literal}